<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<aside class="span3 sidebar">

    <section class="hot-threads box">
        <h4>资料下载</h4>
        <ul>
            <li>1. <a href="#qqGroupModal" role="button" data-toggle="modal" title="赚钱就这么简单">赚钱就这么简单</a></li>
            <li>2. <a href="#qqGroupModal" role="button" data-toggle="modal" title="亿万富翁的26个赚钱秘密">亿万富翁的26个赚钱秘密</a></li>
            <li>3. <a href="#qqGroupModal" role="button" data-toggle="modal" title="每天学点理财学(精华版)">每天学点理财学(精华版)</a></li>
            <li>4. <a href="#qqGroupModal" role="button" data-toggle="modal" title="理财枕边书：我最想要的理财书">理财枕边书：我最想要的理财书</a></li>
            <li>5. <a href="#qqGroupModal" role="button" data-toggle="modal" title="轻松变身小财女的实用秘籍：幸福女人会理财">轻松变身小财女的实用秘籍：幸...</a></li>
            <li>6. <a href="#qqGroupModal" role="button" data-toggle="modal" title="亿万富翁不告诉你的赚钱秘密">亿万富翁不告诉你的赚钱秘密</a></li>
        </ul>
    </section>

    <section class="hot-threads box">
        <h4>最新推荐</h4>
        <ul>
            <c:forEach var="varicleNew" items="${articleNewList}">
                <li><a href="${pageContext.request.contextPath}/article/${varicleNew.articleId}" target="_blank" title="${varicleNew.title}">${varicleNew.title}</a></li>
            </c:forEach>
        </ul>
    </section>

    <section class="recent-comments box">
        <h4>本周最热</h4>
        <ul>
            <c:forEach var="varicleHeat" items="${articleHeatList}">
                <li><a href="${pageContext.request.contextPath}/article/${varicleHeat.articleId}" target="_blank" title="${varicleHeat.title}">${varicleHeat.title}</a></li>
            </c:forEach>
        </ul>
    </section>

    <section class="hot-tags box">
        <h4>热门标签</h4>
        <ul>
            <li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/16"><i class="icon-tag"></i> 段子 x 29</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/13"><i class="icon-tag"></i> 理财 x 27</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/57"><i class="icon-tag"></i> 小故事大智慧 x 22</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/1"><i class="icon-tag"></i> 赚钱 x 18</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/15"><i class="icon-tag"></i> 禅师 x 15</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/6"><i class="icon-tag"></i> 创业 x 8</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/48"><i class="icon-tag"></i> 网赚 x 5</a></li><li><a class="btn btn-small btn-num" href="http://caifujianghu.com/tag/10"><i class="icon-tag"></i> 致富 x 4</a></li>  </ul>
    </section>

    <section class="weixin-qrcode box hidden-phone" data-spy="affix" data-offset-top="968">
        <h4>微信</h4>
        <div class="inner text-center">
            <div class="">扫描二维码，关注搜吃搜玩</div>
            <img alt="搜吃搜玩" width="150" heigth="150" src="http://ww2.sinaimg.cn/mw690/c3f9ee4bgw1ek3moavp36j20by0byt92.jpg">
        </div>
    </section>

</aside>

    <!-- Modal -->
    <div id="qqGroupModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="qqGroupModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="qqGroupModalLabel">下载提示</h3>
      </div>
      <div class="modal-body">
        <p>以上精彩资料均放在本网站的搜吃搜玩QQ群里面，如需下载可以加入本群下载查看。</p>
          <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=5428633e7224358bf76f4602a20f551a4209a3356477934df8f1f96bd80ac71f"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="搜吃搜玩" title="搜吃搜玩"></a>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">关闭</button>
      </div>
    </div>
     